<template>
	<el-dialog width="700px" title="查看备注" :visible.sync="dialogVisible" :close-on-click-modal="false">
		<el-table :data="remarkList" border :row-class-name="rowStyle">
				<el-table-column align="center" prop="id" label="ID"/>
				<el-table-column align="center" prop="order_id" label="订单ID"/>
				<el-table-column align="center" prop="remark" label="备注"/>
				<el-table-column align="center" prop="remark_status" label="备注类型"/>
				<el-table-column align="center" prop="username" label="操作人员"/>
				<el-table-column align="center" prop="create_time" label="创建时间"/>
			</el-table>
		<div slot="footer" class="dialog-footer">
		<el-button size="small" @click="dialogVisible = false">取 消</el-button>
		</div>
	</el-dialog>
</template>
  
<script>
import { getOrderClueRemark } from '@/api/data'
export default {
	props: {
		orderId:{
			type:String,
			default:''
		}
	},
	data() {
		return {
			dataList:[],
			remarkList:[],
			dialogVisible: false
		}
	},
	watch: {
		dialogVisible(val) {
			if (val) {
				console.log(this.remarkList);
				getOrderClueRemark(this.orderId).then(res=>{
					console.log(res);
					this.remarkList=res
				})
			} else {
				this.$refs['ruleForm'].resetFields()
			}
		}
	},
	methods: {
	}
}
</script>
  
<style lang="scss" scoped></style>
  